<template>
  <div class="icons">
    <div class="content" v-for="(item, index) in iconsList" :key="index">
      <img src="./images/icon1.png" alt="" />
      <div class="text">{{ item.text }}</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      img: "./images/icon1.png",
      iconsList: [
        { img: "./images/icon1.png", text: "自饮茶" },
        { img: "./images/icon1.png", text: "品牌茶" },
        { img: "./images/icon1.png", text: "茶具" },
        { img: "./images/icon1.png", text: "领福利" },
        { img: "./images/icon1.png", text: "官方认证" },
      ],
    };
  },
};
</script>

<style scopd>
.icons {
  display: flex;
  justify-content: space-around;
}
.text {
  font-size: 0.4rem;
}
.icons img {
  width: 1.011rem;
  height: 1.011rem;
  padding: 0.2439rem 0;
}
.content{
  text-align: center;
}
</style>